<template>
  <div class="box">
 <div class="center">
<div class="left">
     <van-search
         v-model="value"
         shape="round"
         background="#5c5d7b"
         placeholder="搜素" 
     />
   </div>

   <div class="cent" @click=two()>
  <img src="../../assets/头1.png" alt=""></div>
   <div class="right">
    <img src="../../assets/头2.png" alt="" @click="three()">
   </div>  
   </div>
 
  </div>
</template>

<script>
export default {
    data() {
    return {
      value: '',
    };
  },
  methods:{
    // 公告跳转二级页面
    two(){
      this.$router.push("/not")
    },
    //招聘跳转二级页面
    three(){
      this.$router.push("/recruitTwo")
    }
  }
}
</script>

<style scoped>
/* 大整体区域 */
.box{
  width: 100%;
  height: .4rem;
  display: flex;
  justify-content: center;
  text-align: center;
  padding-top: 0.05rem;
  background-color: #5c5d7b;
}
/* 版心区域 */
.center{
  width: 95%;
  /* height: 100%; */
  display: flex;
  justify-content: center;
  align-content: center;
  line-height: .4rem;

}
/* 左边区域 */

.left{
  width: 76%;
  height: .4rem;
   margin-left: -.21rem;

}
.van-search{

  width: 100%;
  height: .4rem;
}

/* 通知区域 */
.cent{
  width: 12%;
 font-size: .2rem;

  height: .4rem;

}
/* 招聘区域 */
.right{
  width: 12%;
  height: .4rem;
  font-size: .2rem;
  margin-left: .08rem;
}
img{
  width: 42px;
  height: 40px;
}
</style>